<%@ page language="java" import="java.util.*" pageEncoding="UTF-8" %>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
  <title>合同管理系统</title>
  <meta http-equiv="pragma" content="no-cache">
  <meta http-equiv="cache-control" content="no-cache">
  <meta http-equiv="expires" content="0">
  <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
  <meta http-equiv="description" content="This is my page">
  <!-- Tell the browser to be responsive to screen width -->
  <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
  <!-- Bootstrap 3.3.6 -->
  <link rel="icon" href="/1.ico" mce_href="/favicon.ico" type="image/x-icon">
  <link rel="shortcut icon" href="/1.ico" mce_href="/1.ico" type="image/x-icon">
  <link rel="stylesheet"
        href="${pageContext.request.contextPath}/cmsys/bower_components/bootstrap/dist/css/bootstrap.min.css">
  <!-- Font Awesome -->
  <link rel="stylesheet"
        href="${pageContext.request.contextPath}/cmsys/bower_components/font-awesome/css/font-awesome.min.css">
  <!-- Ionicons -->
  <link rel="stylesheet"
        href="${pageContext.request.contextPath}/cmsys/bower_components/Ionicons/css/ionicons.min.css">
  <!-- Theme style -->
  <link rel="stylesheet"
        href="${pageContext.request.contextPath}/cmsys/bower_components/AdminLTE/dist/css/AdminLTE.min.css">
  <!-- AdminLTE Skins. Choose a skin from the css/skins
     folder instead of downloading all of them to reduce the load. -->
  <link rel="stylesheet"
        href="${pageContext.request.contextPath}/cmsys/bower_components/AdminLTE/dist/css/skins/_all-skins.min.css">
  <!-- iCheck -->
  <link rel="stylesheet" href="${pageContext.request.contextPath}/cmsys/plugins/iCheck/square/blue.css">
</head>
<body class="hold-transition login-page" ng-app="cmsysApp"
      style="overflow:hidden;background-image: url('/cmsys/app/images/loginbg.jpg');background-repeat:no-repeat;">
<div class="login-box" ng-controller="loginCtrl">
  <div class="login-logo">
    <a href><b>合同管理</b>系统</a>
  </div>
  <!-- /.login-logo -->
  <div class="login-box-body">
    <p class="login-box-msg">登录系统</p>
    <div class="form-group has-feedback">
      <input type="text" name="username" ng-model="user.username" class="form-control" placeholder="用户名/邮箱">
      <span class="glyphicon glyphicon-user form-control-feedback"></span>
    </div>
    <div class="form-group has-feedback">
      <input type="password" class="form-control" ng-model="user.password" placeholder="密码">
      <span class="glyphicon glyphicon-lock form-control-feedback"></span>
    </div>
    <div class="row">
      <div class="col-xs-8 ">
        <div class="checkbox icheck">
          <label>
            <input name="autoLogin" id="autoLogin" ng-model="user.autoLogin" type="checkbox"> 记住我
          </label>
        </div>
      </div>
      <!-- /.col -->
      <div class="col-xs-4">
        <button ng-click="login();" class="btn btn-primary btn-block btn-flat">登录</button>
      </div>
      <!-- /.col -->
    </div>
    <span ng-hide="hide();" style="color:red">用户名或密码错误！</span>
    <hr>
    <small>
      <div class="social-auth-links text-center">
        <a
          href="https://graph.qq.com/oauth2.0/authorize?response_type=code&client_id=101314292&redirect_uri=http://stouduo.iok.la/user/login&scope="
          class="btn btn-block btn-social btn-facebook btn-flat"><i class="fa fa-qq"></i>
          QQ</a>
        <a href="#" class="btn btn-block btn-social btn-google btn-flat"><i class="fa fa-weibo"></i>
          新浪微博</a>

      </div>
      <!-- /.social-auth-links -->

      <a href="/user/forgotPwd">忘记密码？</a><br>
      <a href="javascript:void(0);" class="text-center">没有账号请联系管理员。</a>
    </small>

  </div>
  <!-- /.login-box-body -->
</div>
<!-- /.login-box -->
<!-- ./wrapper -->
<!-- jQuery 2.2.0 -->
<script src="${pageContext.request.contextPath}/cmsys/plugins/jQuery/jQuery-2.2.0.min.js"></script>
<script src="${pageContext.request.contextPath}/cmsys/plugins/iCheck/icheck.min.js"></script>
<script src="${pageContext.request.contextPath}/cmsys/bower_components/angular/angular.min.js"></script>
<script
  src="${pageContext.request.contextPath}/cmsys/bower_components/angular-ui-router/release/angular-ui-router.min.js"></script>
<script src="${pageContext.request.contextPath}/cmsys/bower_components/angular-animate/angular-animate.min.js"></script>
<script>
  var baseUrl = '${pageContext.request.contextPath}';
</script>
<script src="${pageContext.request.contextPath}/cmsys/app/scripts/app.js"></script>
<script src="${pageContext.request.contextPath}/cmsys/app/scripts/loginCtrl.js"></script>
<!-- jQuery UI 1.11.4 -->
<script src="${pageContext.request.contextPath}/cmsys/plugins/jQueryUI/jquery-ui.min.js"></script>
<!-- Resolve conflict in jQuery UI tooltip with Bootstrap tooltip -->
<script>
  $.widget.bridge('uibutton', $.ui.button);
</script>
<!-- Bootstrap 3.3.6 -->
<script src="${pageContext.request.contextPath}/cmsys/bower_components/bootstrap/dist/js/bootstrap.min.js"></script>
<!-- Morris.js charts -->
<script src="${pageContext.request.contextPath}/cmsys/bower_components/AdminLTE/dist/js/app.min.js"></script>
<!-- AdminLTE for demo purposes -->
<script src="${pageContext.request.contextPath}/cmsys/bower_components/AdminLTE/dist/js/demo.js"></script>
<script>
  $(function () {
    $('input').iCheck({
      checkboxClass: 'icheckbox_square-blue',
      radioClass: 'iradio_square-blue',
      increaseArea: '20%' // optional
    });
  });
</script>
</body>

</html>
